<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no" />
		<title>携程首页</title>
		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./css/common.css" />
		<link rel="stylesheet" href="./css/icons.css" />
		<link rel="stylesheet" href="./css/trips.css" />
		<link rel="stylesheet" href="./css/swiper-bundle.min.css">
		<script src="./js/swiper-bundle.min.js"></script>
		<script src="./js/zepto.min.js"></script>
		<script src="./js/rem.js"></script>
		<script src="./js/trips.js"></script>
	</head>

	<body>
		<div class="box">
			<!-- 1 轮播图 -->
			<div class="swiper">
				<div class="swiper-wrapper"></div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>
			<!-- 2 楼层 -->
			<div class="floor">
			</div>
			<!-- 3 广告 advertisement -->
			<div class="adv">
				<a href="javascript:void(0)">
					<img src="./img/pic_sale.png" alt="" title="特卖" class="img" />
				</a>
			</div>
			<!-- 4 页脚 -->
			<div class="footers">
				<!-- 操作 -->
				<div class="opt">
					<a class="item" href="javascript:void(0)">
						<span class="iconfont icon-dianhua "></span>
						<span>电话</span>
					</a>
					<a class="item" href="javascript:void(0)">
						<span class="iconfont icon-xiazai "></span>
						<span>下载客户端</span>
					</a>
					<a class="item" href="javascript:void(0)">
						<span class="iconfont icon-wode "></span>
						<span>我的携程</span>
					</a>
				</div>
				<!-- 信息 -->
				<div class="info">
					<a href="javascript:void(0)">EGLISH</a>
					<a href="javascript:void(0)">电脑版</a>
					<a href="javascript:void(0)">意见反馈</a>
				</div>
				<!-- 备案 -->
				<div class="record">
					<a href="javascript:void(0)"> © 2018携程旅行 | 沪ICP备08023580号</a>
				</div>
			</div>
		</div>
	</body>

</html>
